<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/commonality/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/commonality/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/commonality/head_foot.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/commonality.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/order/indent_three.css"/>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<header>
				<img src="../../images/commonality/logo_red.png" alt="" class="logo_red"/>
				<div class="nav">
					<ul>
						<li class="one"><a href="#" class="type_one">首页</a></li>
						<li class="one"><a href="#" class="type_one">骑行</a></li>
						<li class="one"><a href="#" class="type_one">跑步</a></li>
						<li class="two"><a href="#" class="type_two">品牌区</a></li>
						<li class="one"><a href="#" class="type_one">休闲</a></li>
						<li class="two"><a href="#" class="type_two">品牌区</a></li>
						<li class="two"><a href="#" class="type_two">设计师</a></li>
					</ul>
				</div>
				<div class="sousuo">
					<input type="text" class="sou"/>
				</div>
				<a href=""><img src="../../images/commonality/seek.png" class="sou_tu"/></a>
				
				<div class="head_right">
					<ul>
						<li class="one">
							<a href="#"><i class="iconfont icon-gouwuche2 gwc"></i></a></li>
						<li class="one">
							<a href=""><i class="iconfont icon-yonghu user"></i></a>
						</li>
						<li class="two"><a href=""><span>400-6563-116</span></a></li>
						<li class="three">
							<a href="">
							<i class="iconfont  icon-columnch ch"></i>
						</a></li>
					</ul>
					<div class="clear"></div>
			</header>
			
			<!--内容-->
			<section>
				<div class="so">
					<!--索引-->
					<div class="so_nav">
						<p class="nav">
							<a href="">首页</a>&nbsp;>
							<a href="">我的不二定制</a>&nbsp;>
							<a href="">我的订单</a>&nbsp;>
							<span>订单：2337108888360940</span>
						</p>	
					</div>
				<div class="schedule">	
					<div class="line">
					<div class="red"></div>
					<div class="gary"></div>
					<!--红色-->
					<div class="liu_red top_35 right_128">
					<div class="top_red"></div>
					<div class="middle_red"></div>
					<div class="bottom_red"></div>
					<img src="../../images/order/dingdan.png" id="dingdan"/>
					<p class="font18 font_red shuzi">01</p>
					<p class="font16 font_darkgray wenzi">提交订单</p>
					<p class="font14 light_gray time">2016-10-09 19:10:00</p>	
				</div>
				<!--红色支付-->
				<div class="liu_red top_35 right_140">
					<div class="top_red"></div>
					<div class="middle_red"></div>
					<div class="bottom_red"></div>
					<img src="../../images/order/zhifu.png" id="zhifu"/>
					<p class="font18 font_red shuzi">02</p>
					<p class="font16 font_darkgray wenzi">支付成功</p>
					<p class="font14 light_gray time">2016-10-09 19:30:00</p>	
				</div>
				<!--红色已发货-->
				<div class="liu_red top_35 right_140">
					<div class="top_red"></div>
					<div class="middle_red"></div>
					<div class="bottom_red"></div>
					<img src="../../images/order/fahuo.png" id="fahuo"/>
					<p class="font18 font_red shuzi">03</p>
					<p class="font16 font_darkgray wenzi">已发货</p>
					<p class="font14 light_gray time">2016-10-10 17:10:00</p>	
				</div>
				<!--灰色确认收货-->
				<div class="liu_gray top_35 right_140">
					<div class="top_gray"></div>
					<div class="middle_gray"></div>
					<div class="bottom_gray"></div>
					<img src="../../images/order/feiji.png" id="feiji"/>
					<p class="font18 font_gray shuzi">04</p>
					<p class="font16 font_gray wenzi">确认收货</p>
				</div>
				<!--灰色评价-->
				<div class="liu_gray_last top_35">
					<div class="top_gray"></div>
					<div class="middle_gray"></div>
					<div class="bottom_gray"></div>
					<img src="../../images/order/pingjia.png" id="pingjia"/>
					<p class="font18 font_gray shuzi">05</p>
					<p class="font16 font_gray wenzi">评价</p>
				</div>
				</div>
					<div class="indent">
						<div class="subline"></div>
						<div class="left">
						<p class="font1">订单信息
						<a href=""><img src="../../images/order/inform.png" class="infrom"/></a></p>

					<ul>
						<li>收货地址：</li>
						<li class="witch">王大刚,13499995555,福建省 厦门市 思明区   观日路52号之一201,361000</li>
					</ul>
					<ul>
						<li>买家留言：</li>
						<li>注意定制信息，赶快制作</li>
					</ul>
					<ul>
						<li>订单消息：</li>
						<li>2337108888360940     <a href="">更多<img src="../../images/order/more.jpg" class="more"/></a></li>
					</ul>
						</div>
						<div class="right">
							<p class="font24">商家已发货，等待买家确认收货 </p>

							<p class="explain top color_dan">您还有 9天23小时26分43秒 来确认收货，超时订单自动确认收货</p>
							<p class="explain color_dan">物流：<span class="color_shen">申通快递</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;运单号：<span class="color_shen">9993791441829</span></p>
							<p class="explain color_shen">2016-09-14 11:20:06   您的包裹已出库</p>
							<input type="button"  value="确认收货" class="button_submit but"/>
						
							</a>
						</div>
					</div>
			
						<div class="biaoge">
							<div class="biaoge_top"></div>
							<div class="line_top"></div>
							<div class="biaoge_buttom"></div>
							<div class="line"></div>
							<table class="demo">
						<tr class="one">
							<td  colspan="2">商品</td>
							
							<td width="130px">单价</td>
							<td width="80px">数量</td>
							<td width="129px">操作</td>
							<td width="140px">状态</td>
						</tr>
						<tr class="one">
							<td  colspan="6">
								<p class="wuliu">申通快递&nbsp;&nbsp;&nbsp;&nbsp;运单号：9993791441829&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2016-09-14 11:20:06&nbsp;&nbsp;&nbsp;您的包裹已出&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="">更多<img src="../../images/order/more.jpg" class="more"/></a></p>
							</td>
							
							
						</tr>
						<tr class="two">
							<td rowspan="2" height="176.5px" width="200px">
								<img src="../../images/order/yifu1.jpg" class="lift"/>
							</td>
							<td width="250px" >
								<p class="right_font">Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</p>
							<p class="sex_top">性别：女<span class="big">尺码：L</span></p>
							</td>
							<td class="qian" height="">¥299.00</td>
							<td class="qian">1</td>
							<td><p class="qian">退货/退款</p></td>
							<td rowspan="4" id="xian" width="140px">
								<p class="zhuangtai">待确认收货</p>
								<div class="time"><img src="../../images/order/time_red.jpg" class="timetu"/>
									<span class="red">9天23小时</span>
							</td>
						</tr>
						<tr class="two">
							<td></td>
							<td></td>
							<td height=""></td>
							<td></td>
							<td></td>
							
						</tr>
						<tr class="two">
							<td rowspan="2" height="176.5px">
								<img src="../../images/order/yifu1.jpg" class="lift"/>
							</td>
							<td width="250px" >
								<p class="right_font">Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)</p>
							<p class="sex_top">性别：男<span class="big">尺码：L</span></p>
							</td>
							<td class="qian">¥299.00</td>
							<td class="qian">1</td>
							<td><p class="qian">退货/退款</p></td>
						
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
						
						</tr>
						<tr class="three" height="40px">
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td class="font1 juli_top right">商品总计：</td>
							<td class="font1 juli_top right">¥146.00</td>
							
						</tr>
						<tr class="three" height="45px">
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td class="font1 right">运费金额：</td>
							<td class="font1 right">¥0.00</td>
						</tr>
						<tr class="four" height="40px">
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td class="font2 right">实际总额：</td>
							<td class="font3 right">¥146.00</td>
						</tr>
						
						</table>
						</div>
						
					
						
				</div>
			</section>
			
			<!--底部-->
			<footer>
				<div class="buttom">
					<div class="buttom_center">
				<img src="../../images/commonality/logo_white.png" alt="加载失败" class="logo_white"/>
				<div class="bottom_nav"></div>
					<div class="bottom_link">
						<div class="fl">
							<ul>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">新手指南</a>
									</div>
								</li>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">用户注册</a>
									</div>
								</li>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">定制流程</a>
									</div>
								</li>
							</ul>
						</div>
						<div class="fl">
							<ul>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">付款方式</a>
									</div>
								</li>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">支付方式</a>
									</div>
								</li>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">支付问题</a>
									</div>
								</li>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">常见问题</a>
									</div>
								</li>
							</ul>
						</div>
						<div class="fl">
							<ul>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">售后服务</a>
									</div>
								</li>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">退款换货</a>
									</div>
								</li>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">配送方式</a>
									</div>
								</li>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">联系我们</a>
									</div>
								</li>
							</ul>
						</div>
						<div class="fl">
							<ul>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">政策条款</a>
									</div>
								</li>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">服务协议</a>
									</div>
								</li>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">隐私条款</a>
									</div>
								</li>
								<li>
									<div id="chunk">
									<div class="tod"></div>
									<a href="">版权条款</a>
									</div>
								</li>
							</ul>
						</div>
						<div class="clear"></div>
					</div>
					<div class="bottom_font">
						<p class="font_white"> © 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
					</div>
					</div>
				</div>
			</footer>
			
			
		</div>
		
	</body>
</html>
